<template>
  <div id="app" class="scorlle-analysis">
	  <keep-alive>
	      <router-view></router-view>
	    </keep-alive>
      <el-backtop target=".scorlle-analysis" :right="20" :bottom="30">
        <div
          style="
            height: 100%;
            width: 100%;
            text-align: center;
            line-height: 40px;
            font-size:14px;
          "
        >
          返回顶部
        </div>
      </el-backtop>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background: #f0f2f5;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul,li{
	list-style: none;
}
.scorlle-analysis{
	height:100vh;
	overflow-y: auto;
}
.el-backtop{
  width:100px;
  background:#295CFF;
  border-radius:10px;
  color:#fff;
}
.el-backtop:hover{
  background:#295CFF;
  border-radius:10px;
  color:#fff;
}
</style> 